<template lang="html">
  <div>
    <sui-segment inverted>
      <sui-icon name="users" color="red" inverted />
      <sui-icon name="users" color="orange" inverted />
      <sui-icon name="users" color="yellow" inverted />
      <sui-icon name="users" color="olive" inverted />
      <sui-icon name="users" color="green" inverted />
      <sui-icon name="users" color="teal" inverted />
      <sui-icon name="users" color="blue" inverted />
      <sui-icon name="users" color="violet" inverted />
      <sui-icon name="users" color="purple" inverted />
      <sui-icon name="users" color="pink" inverted />
      <sui-icon name="users" color="brown" inverted />
      <sui-icon name="users" color="grey" inverted />
      <sui-icon name="users" color="black" inverted />
    </sui-segment>
  </div>
</template>

<script>
export default {
  name: 'InvertedExample',
};
</script>
